<p slot="index"
   slot-scope="text, record, index"
   style="margin: 0">
    @{{index+1}}
</p>
<p slot="time"
   slot-scope="text, record"
   style="margin: 0">
    创建时间：@{{record.created_at}}<br>
    最近修改：@{{record.updated_at}}
</p>
<p slot="status"
   slot-scope="text, record"
   style="margin: 0">
    <span v-if="record.status == 1">
    启用
    </span>
    <span v-else>
    禁用
    </span>
</p>
<p slot="operations"
   slot-scope="text, record,index"
   style="margin: 0">
    <a-button style="margin: 5px"
              size="small"
              title="修改"
              @click="editRole(record)">
        修改
    </a-button>

    <a-button v-if="record.status == 1"
              style="margin: 5px"
              @click="statusUpdate(record,0)"
              size="small"
              title="禁用"
              ghost
              type="danger">
        禁用
    </a-button>
    <a-button v-else
              style="margin: 5px"
              size="small"
              title="启用"
              @click="statusUpdate(record,1)"
              ghost
              type="primary">
        启用
    </a-button>

    <a-button style="margin: 5px"
              size="small"
              title="删除"
              @click="deleteConfirm(record,index)"
              type="danger">
        删除
    </a-button>
</p>